  .menu-bar {
    margin-bottom: .2315rem /* 25/108 */;
    background-color: #ffffff;
    border-radius: 10px;
  }
  .menu-bar > .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: -6px !important;
    left: 0 !important;
    width: 100% !important;
}
  .menu-bar1 {
    height: 5.0741rem;
    padding: .6667rem  0 .4352rem  0;
    box-sizing: border-box;
  }
  .menu-bar1 .swiper-container-menu {
    width: 100% ;
  }
  .menu-bar1 .swiper-slide {
    width: 100%;
    height: 100%;
  }
  .div{
    width: 100%;
    height: 100%;
  }
  .menu-bar2 {
    width: 149.7776px /* 1011/108 */;
    height: 25.0368px /* 169/108 */;
    display: flex;
  }
  .menu-bar2__box {
    flex: 1;
    height: 21.9264px /* 148/108 */;
    width: 19.8512px /* 134/108 */;
    text-align: center;
  }
  .menu-bar2__box .menu-bar2__icon {
    font-size: 12px /* 66/108 */;
  }
  .menu-bar2__box .menu-bar2-box__text {
    height: 8.1488px /* 55/108 */;
    margin: auto 0;
    font-size: .75rem /* 33/108 */;
    font-family: \.PingFangSC-Light;
  }
  .swiper-scrollbar-menu {
    position: relative;
    left: 1%;
    bottom: 3px;
    z-index: 2;
    height: 5px;
    width: 10.3696px /* 70/108 */;
    left: 46%;
    height: 1.4816px /* 10/108 */;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 10px;  
  }
  .swiper-scrollbar-drag {
    background-color: #f64949;
    height: 1.4816px /* 10/108 */;
  }
  
